// 编写第一个mobx store小案例

import { makeAutoObservable } from "mobx";

class CounterStore {
  // 1.定义数据
  count = 0;

  constructor() {
    // 2.把数据变成响应式
    makeAutoObservable(this)
  }

  // 3.定义action函数
  addCount = () => {
    this.count++
  }

  // 定义一个原始数据 list
  list = [1, 2, 3, 4, 5, 6, 7, 8]
  // 定义计算属性
  get filterList () {
    return this.list.filter(list => list > 2)
  }
  // 方法修改list
  addList = () => {
    this.list.push(7,8,9,10,11,12,13,14,15)
  }
}

// 4.实例化。导出
// const counterStore = new CounterStore()

// export { counterStore }
export { CounterStore }